<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport"
			content="width=device-width,user-scalable=no,inital-scale=1.0,maximum-scale=1.0,minimum-scale=1.0">
        <title>完美世界</title>
        <style>
            header{
                text-align: center;
                background-image: url(https://img1.baidu.com/it/u=3477293349,3331088857&fm=253&fmt=auto&app=138&f=JPEG?w=499&h=234);
            }
            nav li {
            display: inline-block;
            padding: 20px;}
            .a {
                color: white;
                background-color:#333 ;
                text-align: center;
            }
            a:link {
                color: white;
            text-decoration: none;
        }
        a:visited {
color: white;
        }
        a:hover {
            color: #98a3ff;
        }
        a:active {
            color: blueviolet;
        }
       .main ul {
  position: fixed;
  top: 0;
  width: 100%;
}
.d {
            display: none;
            position: absolute;
            background-color: lavender;
        }
        .d a:link {
            color: black;
            padding: 20px;
            display: block;
            text-align: center;
        }
        .d a:hover {
            background-color: #98a3ff;
        }
        .b:hover .d {
            display: block;
        }
        .e {
            display: none;
            position: absolute;
            background-color: lavender;
        }
        .e a:link {
            color: black;
            padding: 20px;
            display: block;
            text-align: center;
        }
        .e a:hover {
            background-color: #98a3ff;
        }
        .c:hover .e {
            display: block;
        }
        .f {
            text-indent: 25px;
            line-height: 1.8;
        }
        .f img {
float: right;
        }
        div.g{
            margin: 5px;
  border: 1px solid #ccc;
  float: left;
  width: 250px;
        }
        div.g:hover {
            border: 1px solid #777;
        }
        div.g img {
  width: 100%;
  height: auto;
}
div.h {
  padding: 15px;
  text-align: center;
}
div.i{
    float: left;
    border: 1px solid #ccc;
  width: 250px;
        }
        div.i:hover {
            border: 1px solid #777;
        }
        div.i img {
  width: 100%;
  height: auto;
}
div.j {
  padding: 15px;
  text-align: center;
}
div.k{
    float: left;
    border: 1px solid #ccc;
  width: 250px;
        }
        div.k:hover {
            border: 1px solid #777;
        }
        div.k img {
  width: 100%;
  height: auto;
}
div.l {
  padding: 15px;
  text-align: center;
}
div.m {
    margin: 0px auto;
    text-align: center;
    width: 800px;
}
.aa {
    position: relative;
}

.aa img {
    float: right;

}
.bb {
  position: absolute;
  top: 8px;
  right: 16px;
  font-size: 18px;
  color: #FFF;
}
.cc {
    position: absolute;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 18px;
  color: #FFF;
}
.dd {
    position: -webkit-sticky;
  position: sticky;
  top: 0;
}
.ee {
    position: fixed;
    bottom: 0;
    right: 0;
}
footer {
    border: #333 solid 1px ;
    background-color: #333;
    text-align: center;
}
.ff {
    color:  lavender;
}
div.gg img {
  border-radius: 50%;
}
div.gg img:hover {
  box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
}
.gg {
    position: relative;
}
.ff {
    position: absolute;
  top: 40%;
  width: 100%;
  text-align: center;
  font-size: 18px;
  color: #FFF;
}
.hh {
  color: #FFF;
}
        </style>
    </head>
    <body>
        <div class="notice" style="
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.3);
        z-index: 99999;
        ">
            <div style="position: fixed;top: 50%;left: 50%;width: 550px;background: #FFF;transform: translate(-50%, -50%);border-radius: 40px;padding: 50px 40px;">
                <h1 style="font-weight: bold;text-align: center;font-size: 30px;">欢迎来到完美世界
                    <div style="
                font-size: 16px;
                margin-top: 26px;
                line-height: 30px;
                color: #999;">问君归期未有期，火桑空余落花意。万古独断鲲鹏志，伊人何处泪沾衣？</div>
                    <a style="
                display: block;
                background: #98a3ff;
                color: #FFF;
                text-align: center;
                font-weight: bold;
                font-size: 19px;
                line-height: 60px;
                margin: 0 auto;
                margin-top: 45px;
                border-radius: 32px;
                width: 80%;
                " onclick="javascript:document.querySelector('.notice').remove()">
                        进入完美世界</a>
            </div>
        </div>
<header>
    <img src="https://img1.baidu.com/it/u=357747761,3979289114&fm=253&fmt=auto&app=120&f=JPEG?w=1144&h=500" width="33%" height="480px">
    <video width="34%" height="auto" controls="controls" autoplay="autoplay" loop="loop">
        <source src="video_20230110_180901_edit.mp4" type="video/ogg" />
        <source src="video_20230110_180901_edit.mp4" type="video/mp4" />
        <source src="video_20230110_180901_edit.mp4" type="video/webm" />
        <object data="video_20230110_180901_edit.mp4" width="320" height="240">
          <embed width="320" height="240" src="/i/movie.swf" />
        </object>
      </video>
      <img src="https://inews.gtimg.com/newsapp_bt/0/15043359180/1000" width="32%" height="480px">
</header>
<main>
   <div class="dd">
    <nav class="a">
        <ul>
              <li><a href="index.html">首页</a> </li>
            <li class="b">剧情故事
                <div class="d">
                    <a href="3.html">双石大战</a>
                    <a href="4.html">上界之战</a>
                    <a href="5.html">石国封神</a>
                    <a href="6.html">鲲鹏之战</a>
                </div>
            </li>
            <li class="c">精彩图集
<div class="e">
    <a href="7.html">石昊破境</a>
    <a href="8.html">石毅成长</a>
    <a href="9.html">遇见月婵</a>
</div>
            </li>
            <li><a href="1.html">剧情解说</a></li>
            <li><a href="2.html">联系我们</a></li>
        </ul>
    </nav>
   </div>
   <div id="div1"> <h1>完美世界。</h1></div>
    <p class="f">  网络动画片《完美世界》改编自辰东的同名网络小说作品，由企鹅影视负责出品，福煦影视负责动画制作，于2021年4月23日起在腾讯视频独家播出，全130集。
      <img src="https://t11.baidu.com/it/u=3859045699,181020931&fm=30&app=106&f=JPEG?w=640&h=909&s=D2A581E6DC5130CE0AF20EB20300E016" width="300px" height="300px">


    </p>
    <p class="f">
        完美世界主要讲述的是在大荒石村的一个“遗孤”，名为石昊，为了寻找他的父母，而走上了艰苦的拜师学艺这条道路。这个动漫的故事背景是以大荒为背景，描写男主在大荒当中如何的生存下来，在寻找父母这条道路上，遇到了太多的艰难险阻，遇到的每一个困难其实都是在帮助男主蜕变，最终让男主成为一个强者。这部动漫比较吸引人的就是我们可以跟随男主的步伐，看着男主一步一步的成长。石昊在这个漫画当中最初的设定就是悲惨的，父母不知所踪，无依无靠，一个人要出去闯世界，我们看着他从单薄的少年逐渐成长为最强仙帝，这一路走来不知，度过了多少劫难。
     石昊为修道而生，为应劫而至，他身化亿万血雨，洒落万古岁月，经历无数时空的熬炼，岁月长河的洗礼，他化万古，他化自在。
一粒尘可填海，一根草斩尽日月星辰，弹指间天翻地覆。群雄并起，万族林立，诸圣争霸，乱天动地；问苍茫大地，谁主沉浮？一个少年从大荒中走出，随后少年逐渐成为少年至尊。
</p>
<p class="f">至此流传着少年出大荒，登临九天，横扫帝关，创造人体秘境修炼体系，平定黑暗动乱之源，一剑独断万古为后世留下相对和平的环境后登天而去。后来石昊由于在下界中大闹不老山，脚踏补天教，与上古三教弟子发生冲突，在石国皇都大败凝金门，
    在上界中被追杀，但也遇到了许多朋友，之后上界之中在遇柳神和小塔，又一次开始冒险之途。
</p>
<h2>影片评价</h2>
<p class="f">《完美世界》基于对网络小说的改编，动漫分为3个阶段：下界、虚神界、上界。经首播体验，制作场面及画面精细程度都优胜于《斗破苍穹》。打戏充足，人物特点构造非常先明，
    其中把石昊构造成一个顽劣却不服输的一个喜欢喝兽奶的行侠仗义的侠士，火灵儿则塑造成了一个刁蛮任性的公主形象，后面和石昊一同经历生死后，也逐渐有公主样了，云曦为天神山紫衣神女，在鲲鹏山之行中
    和石昊相识，从骄傲、高贵的神女变成一个害羞的小姑娘，倾心于石昊，也讲诉了战力天花板柳神，保护石昊，守护石村一方，天生善良，该动漫的特效也是用经费在燃烧，打击感很足，重瞳之力
    表现得很真实，至尊骨也有确切的描述，各种宝术都有各自的特效和特点。
</p>
<p class="f">其次，《完美世界》节奏进行了大幅加速，导致动画进度比小说快了很多，也更符合现在人快节奏的生活。动画还把原著中那些吸引人的亮点进行了充分还原，做得和原著基本一样，场景
    建模也做得很精细，人物动作衔接很流畅，配音和音效都很好，把人物的神情都演绎出来了，插曲和背景音乐都运用的恰到好处。在开头讲述石昊被挖至尊骨，石毅夺取至尊骨，暗示了双石必有一战，
    他们两个命中有注定的联系，动漫也很好展现了这一画面，用了三集来讲双石之战，这三集特效都用到了极致，补天术、鲲鹏宝术、天火术、不灭金身、真龙宝术、真凰术、圣人剑意等等，本以为
    他们会是永远的敌人，但后面把石毅这个人物给洗白了，在面对荒域大劫时，石毅为救石昊而死，人物的反转给予震撼，这种震撼的打斗场面在这部动漫中还存在很多，石国封神、鲲鹏之战、上界
    之战等等，都是很燃的场面。配角人物也很到位，小塔滑稽、石子陵夫妇救子不远万里、大魔神报不平等等，主要都是为了突出主人公的成长经历和特点。
</p>
<p class="f">《完美世界》给我们的是一种不服输、对抗命运启示和人物间的那种悲情，及那种超自然美的交融。</p>
<h3>精彩图集</h3>
<div class="m">
<div class="g"><img src="https://p5.itc.cn/images01/20210820/91b486dbebb745dcb36789fadc6c4eb7.gif" width="250" height="200"><div class="h">石昊欲火</div><div class="i"><img src="https://p7.itc.cn/images01/20210917/1ea2b6acd7c34b5ebd4cb1e418df2d6a.gif" width="250" height="200"><div class="j">遇见云曦</div> </div><div class="k"><img src="https://p8.itc.cn/images01/20210917/5cebb842925b4b7e8b3896d313fef5a2.gif" width="250" height="200"><div class="l">大闹花果山</div></div></div>
<div class="g"><img src="https://p3.itc.cn/images01/20210820/a6e0609a4951422da5cce905bc46def1.gif" width="250" height="200"><div class="h">小塔镇压</div><div class="i"><img src="https://p5.itc.cn/images01/20210917/a621be720b4b4ec68a0a5fbe71acdecd.gif" width="250" height="200"><div class="j">二秃子由来</div></div><div class="k"><img src="https://p7.itc.cn/images01/20210917/dfb071d5ea944e019773d377ba739ae6.gif" width="250" height="200"><div class="l">再见师妹</div></div></div>
<div class="g"><img src="https://p3.itc.cn/images01/20210917/d379ddbed1b0402db71e93975bc484ab.gif" width="250" height="200"><div class="h">猴儿山奇遇</div><div class="i"><img src="https://p4.itc.cn/images01/20210820/26f649171c034d218d6c7a31fab4db43.gif" width="250" height="200"><div class="j">死里逃生</div></div><div class="k"><img src="https://p7.itc.cn/images01/20210903/e8271585d70749c1a351a4913e644b5b.gif" width="250" height="200"><div class="l">看我绝技</div></div></div>
<h4>境界划分</h4>
<table border="6" align="center">
    <tr>
        <th>下界</th>
        <td>洞天境</td>
        <td>铭纹境</td>
        <td>列阵境</td>
        <td>尊者境</td>
    </tr>
    <tr>
        <th>上界</th>
        <td>神火境</td>
        <td>天神境</td>
        <td>斩我境</td>
        <td>至尊境</td>
    </tr>
    <tr>
        <th>仙界</th>
        <td>真仙境</td>
        <td>仙王境</td>
        <td>淮仙境</td>
        <td>仙帝境</td>
    </tr>
</table>
</div>
<h4>主要人物</h4>
<div class="aa"><img src="https://img1.baidu.com/it/u=3105708775,3171755818&fm=253&fmt=auto&app=120&f=JPEG?w=855&h=500" width="32%" height="400px">
<img src="https://img2.baidu.com/it/u=4023205991,532850761&fm=253&fmt=auto&app=120&f=JPEG?w=1878&h=800" width="35%" height="400px"><div class="cc">有缘再见</div>
<img src="https://img1.baidu.com/it/u=878767112,3884525511&fm=253&fmt=auto&app=120&f=JPEG?w=1733&h=800" width="27%" height="400px">
<div class="bb">要战的都来吧,我应下了。</div>
</div>
<ol>
    <li>石昊</li>
    <li>石毅</li>
    <li>云曦</li>
    <li>月婵</li>
    <li>柳神</li>
    <li>小塔</li>
    <li>魔女</li>
    <li>火灵儿</li>
    
</ol>
<ul>
    <li>石中天</li>
    <li>石子陵</li>
    <li>女战神</li>
    <li>二秃子</li>
    <li>吞天雀</li>
    <li>鲲鹏子</li>
    <li>天狐仙</li>
    <li>秦怡宁</li>
    <li>不老尊</li>
    <li>补天主</li>
    <li>凝金鬼</li>
</ul>
<div class="ee"><h3>完美世界</h3></div>
</main>
<footer>

  <div class="gg"><a target="_blank" href="10.html"><img src="https://img2.baidu.com/it/u=1844455942,3879427457&fm=253&fmt=auto&app=120&f=JPEG?w=938&h=500"  width="150" height="100"><div class="ff"></a><h3>实验报告</h3> </div></div>
  <a href="#div1"><div class="hh"><h4>返回首页</h4></div></a>
</footer>

    </body>
</html>